<template>
  <view class="detail-content-card bg-white ss-m-x-20 ss-p-t-20">
    <view class="card-header ss-flex ss-col-center ss-m-b-30 ss-m-l-20">
      <view class="line"></view>
      <view class="title ss-m-l-20 ss-m-r-20">详情</view>
    </view>
    <view class="card-content">
      <mp-html :content="content"></mp-html>
    </view>

    <!-- <div class="tips_img">
      <image src="" mode="scaleToFill" />
    </div> -->

    <div class="tps">

      <div class="center">
        售后保障
      </div>
      <div class="tips_title">
        平台承诺：
      </div>

      <div class="content">
        平台卖家销售并发货的商品，由平台卖家提供发票和相应的售后服务。请您放心购买！
        注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
        正品行货
        鲸囍商城向您保证所售商品均为正品行货，自营商品开具机打发票或电子发票。
      </div>






      <div class="tips_title">
        价格说明：
      </div>

      <div class="tips_title">
        平台价：
      </div>
      <div class="content">
        平台价为商品的销售价，是您最终决定是否购买商品的依据。
      </div>

      <div class="tips_title">
        划线价：
      </div>
      <div class="content">
        商品展示的划横线价格为参考价，并非原价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或其他真实有依据的价格；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。
      </div>


      <div class="tips_title">
        折扣：
      </div>
      <div class="content">
        如无特殊说明，折扣指销售商在原价、或划线价（如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议零售价）等某一价格基础上计算出的优惠比例或优惠金额；如有疑问，您可在购买前联系销售商进行咨询。
      </div>


      <div class="tips_title">
        异常问题：
      </div>
      <div class="content">
        商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系销售商咨询。
      </div>



    </div>
  </view>
</template>

<script setup>
import sheep from '@/sheep';
const { safeAreaInsets } = sheep.$platform.device;

const props = defineProps({
  content: {
    type: String,
    default: '',
  },
});
</script>

<style lang="scss" scoped>
.tps {
  padding: 0 15rpx;

  .center {
    width: 100%;
    text-align: center;
    font-size: 30rpx;
    font-weight: 700;
  }

  .tips_title {
    margin-top: 15rpx;
    font-weight: 700;
    font-size: 28rpx;
    color: #333;
    margin-bottom: 10rpx;
  }

  .content {
    padding: 0 35rpx;
    font-size: 26rpx;
    // text-indent: 10rpx;
  }



}

.detail-content-card {
  .card-header {
    .line {
      width: 6rpx;
      height: 30rpx;
      background: linear-gradient(180deg, var(--ui-BG-Main) 0%, var(--ui-BG-Main-gradient) 100%);
      border-radius: 3rpx;
    }

    .title {
      font-size: 30rpx;
      font-weight: bold;
    }

    .des {
      font-size: 24rpx;
      color: $dark-9;
    }

    .more-btn {
      font-size: 24rpx;
      color: var(--ui-BG-Main);
    }
  }
}

:deep() {
  image {
    display: block;
  }
}
</style>
